define([
  'views/List',
  'views/Item',
  'hbs!template/users/notification/notification-list',
  'hbs!template/users/notification/notification-item'
], function(List, Item, notification_list, notification_item){
  var NotificationItem = Item.extend({
    tagName: "div",
    className: "notification-item",
    template: notification_item,

    
    getRenderData: function() {
      var data = Item.prototype.getRenderData.call(this);
      data._inbox = this.model.get('type') == 'INBOX';
      return data;
    }
  });

  var NotificationList = List.extend({
    tagName: "div",
    className: "notification-list",
    template: notification_list,
    itemView: NotificationItem,

    listEvents: {
      "click a[name=pager]":      "loadMore"
    },
    
    getRenderData: function() {
      var data = List.prototype.getRenderData.call(this);
      console.log("--------------------------------");
      console.log(data);
      console.log("--------------------------------");
      return data;
    },

    loadMore: function() {
    }
  });

  return NotificationList;
});